<form action='/pagos' method='post'>
<div class='grid_6 alpha'>
	Cliente:
	<input id='cliente' name='cliente' style="width:240px;font-size:12px;">
	<input id='client_id' name='client_id' type='hidden' >
</div>
<div class='grid_3 omega'>
	<input type='submit' name='submit' value='Mostrar Pagos'>
</div>
<div class='clear'></div>
</form>



<script>
	jQuery(function() {
		
		jQuery('#client_id').val(0);


		jQuery("#cliente").autocomplete("/ajax/busca_cliente/", {
			width: 260,
			selectFirst: true
		});

		jQuery("#cliente").result(function(event, data, formatted) {
			if (data)
				jQuery("#client_id").val(data[1]);
		});

		jQuery( "#fecha_problema" ).datepicker({
				showOtherMonths: true,
				dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				dateFormat: 'dd/mm/yy',
				monthNamesShort:	['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				changeMonth: true,
				changeYear: true,
				nextText: 'Siguiente',
				prevText: 'Anterior'
		});
		
	})
</script>